const path = require('path');
const pluginsConfig = require("./webpack.plguins.js");
const rulesConfig = require("./webpack.rules.js");

module.exports = {
	entry: {
		// 多入口文件
		a: './src/js/index.js',
		magicCube: './src/js/magicCube.js'
		// threeJsMin: './src/lib/three.min.js',
		// jquery: 'jquery'
	},
	output: {
		path:path.resolve(__dirname, 'dist'),
		// 打包多出口文件
		// 生成 a.bundle.js  b.bundle.js  jquery.bundle.js
		filename: './js/[name].bundle.js',
		//决定非入口 chunk 的名称
    chunkFilename: './js/[name].bundle.js'
	},
	plugins: pluginsConfig,
	devServer: {
		contentBase: path.resolve(__dirname, "dist"),
		host: "localhost",
		port: "8090",
		open: true, // 开启浏览器
		hot: true   // 开启热更新
	},
	// devtool: "source-map",  // 开启调试模式
	module:{
		rules: rulesConfig
	},
	// 提取js，lib1名字可改
	// optimization: {
	// 	splitChunks: {
	// 		cacheGroups: {
	// 			lib1: {
	// 				chunks: "initial",
	// 				name: "jquery",
	// 				enforce: true
	// 			}
	// 		}
	// 	}
	// }

}